<script setup>
  const props = defineProps({metadata: Object})

</script>

<template>
  <el-container class="queried-content">
    <el-header class="queried-header table-data-header">
        {{ props.metadata.current }}
    </el-header>
    <el-main class="queried-main">
      <el-auto-resizer>
        <template #default="{ height, width }">
          <el-table-v2
              :columns="metadata.data.columns"
              :data="metadata.data.row"
              :width="width"
              :height="height"
              fixed
              :row-height="30"
              row-class="table-row-class"
          />
        </template>
      </el-auto-resizer>
    </el-main>
  </el-container>
</template>

<style scoped>
.table-data-header{
  height: 30px;
  line-height: 30px;
  z-index: 1025;
  box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
}
.table-row-class{

}
</style>